<!doctypehtml>
  <meta charset="UTF-8">
  <title>自然码双拼学习网 @ 小鹤双拼练习</title>
  <meta http-equiv="X-UA-Compatible" content="ie=EmulateIE9, chrome=1">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="stylesheet" href="build/style.min.css">
  <meta name="keywords" content="自然码双拼学习练习网,自然码怎么学,自然码双拼学习,双拼,双拼学习,双拼练习,双拼入门,双拼教程,自然码,小鹤双拼练习">
  <meta name="description" content="帮助你快速上手双拼输入法，也可在微信小程序中搜索“双拼练习”使用。">
  <div class="header">
    <div class="menu"><label for="scheme-select" class="title">双拼方案：</label> <select id="scheme-select"></select></div>
    <div class="menu"><label for="mode-select" class="title">练习模式：</label> <select id="mode-select"></select></div>
    <div class="menu"><span class="title">模式说明：</span> <span id="mode-desc"></span></div>
    <div class="menu"><label for="pic-switcher" class="title">显示键位图：</label> <input type="checkbox" id="pic-switcher">
    </div>
    <div class="menu"><label for="dark-mode-switcher" class="title">夜间模式：</label> <input type="checkbox"
        id="dark-mode-switcher"></div>
    <div class="menu"><label for="auto-next-switcher" class="title">正确时自动切换：</label> <input type="checkbox"
        id="auto-next-switcher"></div>
    <div class="menu"><label for="auto-clear-switcher" class="title">错误时自动清空：</label> <input type="checkbox"
        id="auto-clear-switcher"></div>
    <div class="menu"><label for="show-keys" class="title">显示按键提示：</label> <input type="checkbox" id="show-keys"></div>
    <div class="menu"><label for="show-pressed-key" class="title">显示实时按键：</label> <input type="checkbox"
        id="show-pressed-key"></div>
    <div class="menu"><label for="disable-mobile-keyboard" class="title">禁用手机键盘：</label> <input type="checkbox"
        id="disable-mobile-keyboard"></div>
  </div>
  <div class="workspace">
    <div class="col"><span class="dict" id="dict"></span></div>
    <div class="col">
      <div class="row"><span class="q" id="q"></span></div>
      <div class="row"><input id="a" maxlength="2" autofocus="autofocus" autocomplete="off">
        <div class="btn" id="btn"></div>
      </div>
    </div>
  </div>
  <div class="keyboard" id="keyboard">
    <div class="keys" id="keys">
      <div class="row-1">
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
      </div>
      <div class="row-2">
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
      </div>
      <div class="row-3">
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
        <div class="key"></div>
      </div>
    </div><img class="pic" id="pic"> <img class="pic-placeholder" id="pic-placeholder">
    <div class="tips" id="tips"></div>
  </div>
  <div class="manual">
    <p>1. 切换至系统自带的英文输入法
    <p>2. 空格键 / 回车键 切换或清空
    <p>3. Tab 键 显示答案（可能不唯一）

    <p>本程序,来自开源项目github.com/BlueSky-07/Shuang,非原创,仅供测试学习使用.
    <div>
      
      <p><a title="首页" href="https://hanxinma.gitlab.io" target="_blank">返回首页</a>
        <p><a title="首页" href="https://hanxinma.gitlab.io/js/hanlianxi.html" target="_blank">双拼字根辅助码练习</a>
    </div>
  </div>


  <script src="build/app.min.js"></script>